<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">
<title>Main Menu</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<style>
.logo {
  display: inline-block;
}
.logo a {
  /*background: url(http://eper.intiteknologi.com/img/logo.png) 0 0 no-repeat;*/
  height: 56px;
  width: 186px;
  float: left;
  margin: 0 5px 4px;
}
.logo a:hover {
  background-position: 0 -56px;
}

#responsive_part {
  display: none;
  float: left;
  width: 100%;
  margin: 5px 0 0;
}
#responsive_part .logo {
  float: left;
}
</style>
<link href="content/js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
<link href="content/css/twitter/bootstrap.css" rel="stylesheet">
<link href="content/css/base.css?v=1.0" rel="stylesheet">
<link href="content/css/twitter/responsive.css" rel="stylesheet">
<link href="content/css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="content/js/plugins/modernizr.custom.32549.js"></script>
</head>
<body>
<div id="loading">
  <img src="content/img/ajax-loader.gif">
</div>
<div id="responsive_part">
    <div class="logo">
      <a href="http://localhost/POS"></a>
    </div>
    <ul class="nav responsive">
      <li>
      <btn class="btn btn-la1rge btn-i1nfo responsive_menu icon_item" data-toggle="collapse" data-target="#sidebar">
       <i class="icon-reorder"></i>
      </btn>
      </li>
    </ul>
</div> <!-- Responsive part -->

<div id="sidebar" class="collapse">
   <div class="logo">
    <a href="http://localhost/POS"></a>
  </div>
<?php require_once('application/views/config/menu.php'); ?>  
  <!-- End sidebar_box -->
      <!-- End .title -->
    </div>
  </div>
  <!-- End sidebar_box -->
</div>
<div id="main">
  <div class="container">
    <div class="container_top">
      <div class="row-fluid ">
			<div class="top_bar_stats to_hide_tablet">
			  <div class="stats span7">
				<marquee><b>header top stats..</b></marquee>
			  </div>
			</div>
        <div class="span4">         
        </div>
      </div>
    </div>
    <!-- End container_top -->
<div id="container2" style="min-height:1000px;height:auto !important;height:1000px;">
include page here..
</div>
    <!-- End #container -->
  </div>
  <div id="footer">
    <p>&copy; IntiTeknologi.com - All Rights Reserved</p>
    <span class="company_logo"><a href="http://www.intiteknologi.com"></a></span>
  </div>
</div>
</div>
<!-- /container -->
<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script language="javascript" type="text/javascript" src="content/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/jquery.sparkline.min.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/excanvas.compiled.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-transition.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-alert.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-modal.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-dropdown.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-scrollspy.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-tab.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-tooltip.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-popover.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-button.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-collapse.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-carousel.js"></script>
<script language="javascript" type="text/javascript" src="content/js/bootstrap-typeahead.js"></script>
<script language="javascript" type="text/javascript" src="content/js/fileinput.jquery.js"></script>
<script language="javascript" type="text/javascript" src="content/js/jquery-ui-1.8.23.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="content/js/jquery.touchdown.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/chosen/chosen/chosen.jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/flot/jquery.flot.stack.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/flot/jquery.flot.pie.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/flot/jquery.flot.resize.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/jquery.peity.min.js"></script>
<script language="javascript" type="text/javascript" src="content/js/plugins/datatables/js/jquery.dataTables.js"></script>
<script src="content/js/scripts.js"></script>
<script src="content/js/plugins/validation/dist/jquery.validate.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="content/js/jnavigate.jquery.min.js"></script>
<script type='text/javascript'>
    $(window).load(function() {
     $('#loading').fadeOut();
    });
      $(document).ready(function() {
      $('body').css('display', 'none');
      $('body').fadeIn(500);
	  $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function() {
      event.preventDefault();
      newLocation = this.href;
      $('body').fadeOut(500, newpage);
      });
      function newpage() {
      window.location = newLocation;
      }
	  //DROPDOWN
        $(".chzn-select").chosen({
          disable_search_threshold: 10
        });

    });

    </script>
</body>
</html>